<template>
  <div class="about">
    <div class="item">
      <div>关于我们</div>
      <img :src="icon" @click="goNext('/aboutus')">
    </div>
    <div class="item">
      <div>隐私协议</div>
      <img :src="icon" @click="goNext('/aboutus')">
    </div>
    <div class="item">
      <div>用户协议</div>
      <img :src="icon" @click="goNext('/aboutus')">
    </div>
    <div class="item">
      <div>提现转账协议</div>
      <img :src="icon" @click="goNext('/divide')">
    </div>
  </div>
</template>
<script lang="ts">
//@ts-nocheck
import { requireImg } from "@/assets/imgUrl";
import { useRouter } from "vue-router";

export default {
  name: "App",
  setup() {
    const icon = requireImg('personal-center/arrow.png')
    const router = useRouter()
    const goNext = (hash) => {
      router.push({ path: hash })
    }
    return {
      icon,
      goNext
    };
  },
  data() {
    return  {
      record:[]
    }
  }
};
</script>
<style lang="scss" scoped>
.about {
  padding-top: 10px;
  .item {
    width: 94.5vw;
    height: 14.4vw;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.08), 0px -2px 8px -2px rgba(0,0,0,0.05);
    border-radius: 12px;
    margin: auto;
    margin-bottom: 10px;
    align-items: center;
    line-height: 14.4vw;
    display: flex;
    justify-content: space-between;
    padding: 0 4vw ;
  }
}
</style>
